﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
        <link rel="stylesheet" href="assets/front/css/schooler.css" />
		<script src="assets/front/js/jquery-1.12.4.min.js"></script>
		
     <div class="school">
     	<p class="school-head">问题反馈</p>
     	<form action="" class="form-upbox form-add" id="form-upbox1" enctype="multipart/form-data">
			<div class="clear">
				<input class="sur xmfzr fl surd" type="text" placeholder="遇到的问题" name="principal" />
				<input class="sur xmtel fr surd" type="text" placeholder="备注" name="phone" />
			</div>
			
			
			<div class="lastboxd clear">
			    <textarea placeholder="具体问题" name="summary" class="sur xmjj surd fl"></textarea>
				<div class="fr las-fl">
					<div class="filed" >
						<p class="changbtns">上传附件</p>
						<p class="ulnamepac"></p>
						<div class="upbtn">
							<input type="file"  name="saveFil1" class="surfile" />
							<input type="text" class="namehide"  name="fiFileName" style="display:none;"/>
						</div>
					</div>
					<input type="button" class="tijaio" value="提交"/>
				</div>
			</div>
			<p class="baocuo" style="text-align:center;margin-top:10px;font-size:16px;line-height:24px;color:red;"></p>
		</form>
		
		<p class="school-head">常见问题</p>
		<ul class="wenti-box">
			<li>
			    <div class="pro-titles clear">
			    	<p class="pro-title fl">兰州城市学院培黎校区4号学生公寓楼屋顶亮化工程招标公告</p>
			    	<span class="fr"></span>
			    </div>
				<p class="pro-vals">兰州城市学院培黎校区4号学生公寓楼屋顶亮化工程招标公告兰州城市学院培
				黎校区4号学生公寓楼屋顶亮化工程招标公告兰州城市学院培黎校城市学院培黎校区4号学生公寓楼屋顶亮化工程招标公告兰州城市学院培
				黎校区4号学生公寓楼屋顶亮化工程招标公告兰州城市学院培黎校</p>
			</li>
			<li>
			    <div class="pro-titles clear">
			    	<p class="pro-title fl">兰州城市学院培黎校区4号学生公寓楼屋顶亮化工程招标公告</p>
			    	<span class="fr"></span>
			    </div>
				<p class="pro-vals">兰州城市学院培黎校区4号学生公寓楼屋顶亮化工程招标公告兰州城市学院培
				黎校区4号学生公寓楼屋顶亮化工程招标公告兰州城市学院培黎校城市学院培黎校区4号学生公寓楼屋顶亮化工程招标公告兰州城市学院培
				黎校区4号学生公寓楼屋顶亮化工程招标公告兰州城市学院培黎校</p>
			</li>
		</ul>
     </div>  
	<script>
		$(function(){
			$('.pro-titles span').bind('click',function(){
				if($(this).attr('cli') != 1 || !$(this).attr('cli')){
					$(this).parents('li').children('.pro-vals').css({'display':'block'});
					$(this).css({'background':'url(assets/front/image/common2/iconclose.png) center center no-repeat'})
					$(this).parents('li').siblings('li').children('.pro-vals').css({'display':'none'});
					$(this).parents('li').siblings('li').children('.pro-titles').children('span').css({'background':'url(assets/front/image/common2/iconadd.png) center center no-repeat'})
					$(this).attr({'cli':1});
				}else{
					$(this).parents('li').children('.pro-vals').css({'display':'none'});
					$(this).css({'background':'url(assets/front/image/common2/iconadd.png) center center no-repeat'})
					$(this).attr({'cli':0});
				}
			})
			
		})
	</script>			
